
/*******************************************************************

	Hoja de estilos; Para Maquetar el Contenido
	propiedades del Body y Divs
	
********************************************************************/


body{background:url(imagenes/fondo.png) #ADE787;
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size:14px;	
}

div#emboltura{
	background:#fff; 
	min-width:970px; 
	max-width:90%;
	min-height:700px;
	margin:auto; 
	margin-top:10px;
	padding-bottom: 40px;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 1.3);
       -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 1.3);
        behavior:url(PIE.php);
        float: bottom;
	
}


#cabeza{
	margin:0 auto;
	width:970px;
	}

/*********Menu*************/

nav.barra{
	margin:0 auto;
	/*width:970px;*/
	height:40px;
	border-top:1px #9DCB5D solid;
	border-bottom:1px #51792A solid;
	position:relative;
/*	-webkit-box-shadow:0 1px 0 rgba(160,160,160,0.75) inset,0 -1px 2px #222 inset,0 -2px 20px rgba(111,4,2,0.8);
	-moz-box-shadow:0 1px 0 rgba(160,160,160,0.75) inset,0 -1px 2px #222 inset,0 -2px 20px rgba(111,4,2,0.8);
	box-shadow:0 1px 5px rgba(160,160,160,0.75) inset,0 -1px 5px #222 inset,0 -10px 50px rgba(111,4,2,0.8);*/
	background-image: linear-gradient(bottom, #74AA2A 0%, #c9ed8a 100%);
	background-image: -o-linear-gradient(bottom, #74AA2A 0%, #c9ed8a 100%);
	background-image: -moz-linear-gradient(bottom, #74AA2A 0%, #c9ed8a 100%);
	background-image: -webkit-linear-gradient(bottom, #74AA2A 0%, #c9ed8a 100%);
	background-image: -ms-linear-gradient(bottom, #74AA2A 0%, #c9ed8a 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.0, #74AA2A),
		color-stop(1.0, #c9ed8a)
	);
	
	-pie-background:linear-gradient(#c9ed8a,#72aa31);
	behavior:url(PIE.php);
		}

#navegacion1>li{
	max-width:200px;
	float:left;
	position:relative;	
	}

#navegacion1>li>a, #navegacion1>li>.fijo{
	font-family:Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	float:left;
	padding:0 12px;
	height:41px;
	line-height:41px;
	-moz-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
	-webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
	-khtml-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
	-ms-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
	text-shadow:0 -1px 0 rgba(0,0,0,0.8);
	position:relative;left:-1px;
        behavior:url(PIE.htc);
	}
	
	/*
#navegacion1>li.activo:hover, #navegacion1>li.expandible:hover, #navegacion1>li.fijo:hover{
	margin-top:-2px;
	height:38px;
	padding:0 10px;
	text-decoration:none;
	position:relative;left:-1px;
	background-color:rgba(90,90,90,0.2);
   	border-top: 2px solid #F38F1D;
   	border-right: 1px solid  #F38F1D;   
   	border-left: 1px solid  #F38F1D;*/
/*box-shadow:1px -1px 1px #F38F1D inset,-1px -1px 1px #F38F1D inset,2px -1px 1px -1px #F38F1D,-2px -1px 1px -1px #F38F1D;*/
	/*box-shadow:0 3px 5px rgba(243,143,29, 0.90);
	behavior:url(PIE.php);*/
/*	border-radius:3px;
    behavior: url(PIE.php);
	}*/

#navegacion1>li.inicio a{
	background:url("imagenes/icon-sprite.png") no-repeat 18px -842px;
	text-indent:-9000px;
	width:30px;}

#navegacion1>li.inicio a.active, #navegacion1>li.inicio a:hover {background:url("imagenes/icon-sprite.png") no-repeat 18px -586px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}


#navegacion1>li.expandible .menu1, #navegacion1>li.expandible .fijo{padding-right:5px;}

#navegacion1>li.activo, #navegacion1>li.fijo:hover{background-color:rgba(0,0,0,0.6);}

#navegacion1>li.expandible .menu1 span{
	background:url("imagenes/icon-sprite.png") no-repeat -26px -653px transparent;
	display:inline-block;
	height:10px;
	margin-left:1px;
	width:10px;
	}

#navegacion1>li.expandible .navegacion2{
	background-color:#6a6a6a;
	background:none,-ms-linear-gradient(top,#6b6d6e 0,#5d5d5d 100%);
	background:none,linear-gradient(top,#6b6d6e 0,#5d5d5d 100%);
	display:none;padding:5px 5px 6px 5px;
	position:absolute;top:36px;z-index:9999;
	border-radius:0 3px 3px 3px;
	}

#navegacion1>li.expandible .navegacion2 nav{background:#F4F4F4;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid rgba(86,87,88,0.8);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.45);-moz-box-shadow:0 1px 0 rgba(255,255,255,0.45);box-shadow:0 1px 0 rgba(255,255,255,0.45);padding:15px 5px 20px;zoom:1;_display:inline-block;}

#navegacion1>li.expandible .navegacion2 nav:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#navegacion1>li.expandible .navegacion2 ul{
		float:left;}

#navegacion1>li.expandible .navegacion2 ul li a, #navegacion1>li.expandible .navegacion2 ul li.socialConnect{border-bottom:1px solid #ddd;-webkit-box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 #fff;color:#000;-moz-text-shadow:0 1px 0 #fff;-webkit-text-shadow:0 1px 0 #fff;-khtml-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;display:inline-block;padding:5px 0 5px 2px;text-decoration:none;width:220px;float:left;margin:0 10px 0 10px;}

#navegacion1>li.expandible .navegacion2 ul li a:hover{background-color:#eee;color:#860000;}

#navegacion1>li.expandible:hover .menu1,#navegacion1>li.expandible:hover .fijo {
	background-color:#6a6a6a;
	background:none,-ms-linear-gradient(top,#808182 0,#6b6d6e 100%);
	background:none,linear-gradient(top,#808182 0,#6b6d6e 100%);
	margin-top:-1px;
	padding:0 4px 0 11px;
	height:37px;line-height:41px;
	text-decoration:none;
	-webkit-border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	-webkit-box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8),0 1px 0 rgba(255,255,255,0.35) inset;
	-moz-box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8),0 1px 0 rgba(255,255,255,0.35) inset;
	box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8),0 1px 0 rgba(255,255,255,0.35) inset;
	border:1px solid #414141;
	border-bottom:0;
        left:-0px;
	position: relative;
	z-index:10000;
	}

#navegacion1>li.expandible:hover .menu1 span{
    background:url("imagenes/icon-sprite.png") no-repeat -27px -629px transparent;
}

#navegacion1>li.expandible:hover .navegacion2{
    display: block;
    position: absolute;
    left:-0px;
   
}
/*******Fin de Menu********/
/*********Seccion***********/
#seccion.contenido{
	margin:0 5px 0 5px;
	}

/*********FinSeccion********/
/*********Pie de Pagina************/
#pie{
	background:#222222; 
	margin:auto;
	}

#pie>.pie2{
	border-top:1px #9FC46A solid;
	height:98px;
	position:relative;
        background: linear-gradient(top, #75AB2A,#518F21);
        -pie-background:linear-gradient(#75AB2A,#518F21);
        behavior:url(PIE.php);
  }
#pie>.borde{
	height:1px;
	background:#7DA93F;
	}
hr{height:1px;
	border:none;
	border-top:#393939 solid 1px;
	background-color:#000;
	}


/*******Fin Pie de Pagina********/
/*******Formularios*******/
/*
#formulario {
	padding:15px;
	border: 10px solid white;
	border-color: rgba(255, 255, 255, 0.75);
	background: rgba(104, 104, 104, 0.75);
	border-radius: 0.8em;
	box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
        behavior:url(PIE.php);
	}*/

#formulario fieldset{
		padding:4px;
                }
	
#formulario legend {
		font-size:14px;
		padding:4px;
	}
#formulario legend+ul {
		border-top: 1px solid #f0f0f0;
		padding-top:15px;
		display:block;
		width:375px;
	}
#formulario ul li {
		height:30px;
	}
#formulario ul li.textarea {
		height:80px;
	}
#formulario label {
		width:100px;
		display:block;
		float:left;
		font-weight:bold;
		margin-left:25px;
		/*color:#444720;*/
	}
#formulario input.texto, #formulario textarea.texto {
		/*background:url(../../comunes/imagenes/bg_input.png) repeat-x 0 0;*/
		border-top: 1px solid #acbd5a;
		border-left: 1px solid #acbd5a;
		border-right: 1px solid #6c7f3d;
		border-bottom: 1px solid #6c7f3d;
		width:200px;
		color:#6b6b6b;
		padding:2px 2px 2px 4px;
                margin: 0px 0px 5px 0px;
	}
#formulario input.texto:focus,#formulario textarea.texto:focus {
		/*background-color:#9FC46A;*/
		border: 1px solid #acbd5a;
		/*color:#fff;*/
	}


/* ———– stylized ———– */
#stylized{
background:#ffffff;
}

#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #51891a;
padding-bottom:10px;
}
#stylized .etiqueta{
display:block;
font-weight:bold;
text-align:right;
width:100px;
float:left;
padding-right: 5px;
}
#stylized .fecha{
display:block;
font-weight:bold;
text-align:right;
width:70px;
float:left;
padding-right: 5px;
}

#stylized .small{
color:#666666;
display:block;
font-size:10px;
font-weight:normal;
text-align:right;
/*width:120px;*/
}

#stylized input.texto{
    height: 20px;
    border:solid 1px #acbd5a;
    width: 100px;
    text-align: right;
}

#stylized input.texto2, #stylized select, #stylized textarea{
    height: 20px;
    border:solid 1px #acbd5a;
    width: 250px;
}
#stylized input.texto3
{
    height: 20px;
    border:solid 1px #acbd5a;
    width: 150px;
}

#stylized input.fechaimput{
    height: 20px;
    border:solid 1px #acbd5a;
    width: 130px;
}
#stylized select.texto3{
    height: 23px;
    border:solid 1px #acbd5a;
    width: 150px;
}

#stylized input.texto:focus,#stylized input.fecha:focus,#stylized select:focus, #stylized textarea:focus{
border:solid 1px #ADE787;
}
     /***Validador*/
.vanadium-advice{
    display:block; 
    font-weight:bold;
    font-size:11px;
    color:#900;
    
}
        
        /********Boton*******/
.btn_eliminar{
        cursor:pointer;
      }

.btn_aseptar {
	margin:10px auto; 
        width: 100px;
        display: block;
	cursor: pointer;
	padding: 6px 15px;
	text-align: center;
	font: bold 13px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #ffffff;
	text-decoration: none;
	border-radius: 8px;
	border: 1px solid #000000;
	text-shadow: 0px -1px 0px #000000;

/*	Shadows*/
	-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
	-webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
		
/*	Gradient*/
	background: #4a4a4a;  /*Old browsers */
	background: -moz-linear-gradient(top, #4a4a4a 0%, #171717 100%);  /*FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#171717));  /*Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4a4a4a 0%,#171717 100%);  /*Chrome10+,Safari5.1+ */ 
	background: -o-linear-gradient(top, #4a4a4a 0%,#171717 100%);  /*Opera11.10+ */ 
	background: -ms-linear-gradient(top, #4a4a4a 0%,#171717 100%);  /*IE10+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient.radius( startColorstr='#4a4a4a', endColorstr='#171717',GradientType=0 ); /*IE6-9*/  
	background: linear-gradient(top, #4a4a4a 0%,#171717 100%);  /*W3C */ 
	}

.btn_aseptar:hover {
	background: #5b5b5b;  /*Old browsers*/ 
	background: -moz-linear-gradient(top, #5b5b5b 0%, #2e2e2e 100%);  /*FF3.6+*/  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#2e2e2e));  /*Chrome,Safari4+ */ 
	background: -webkit-linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%);  /*Chrome10+,Safari5.1+*/ 
	background: -o-linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%);  /*Opera11.10+*/ 
	background: -ms-linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%);  /*IE10+*/ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#2e2e2e',GradientType=0 ); /*  IE6-9 */ 
	background: linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%);  /*W3C*/ 
	}

.btn_aseptar:active {
	background: #171717;  /*Old browsers */
	background: -moz-linear-gradient(top, #171717 0%, #4a4a4a 100%);  /*FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#4a4a4a));  /*Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #171717 0%,#4a4a4a 100%);  /*Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #171717 0%,#4a4a4a 100%);  /*Opera11.10+ */
	background: -ms-linear-gradient(top, #171717 0%,#4a4a4a 100%);  /*IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #171717 0%,#4a4a4a 100%);  /*W3C */
	}
/****FinBoton*****/
/*******Fin Fromularios *******/


/*********Tablas*************/
/* 
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/
table, td{
    border               : 1px solid #CCC;
    border-collapse      : collapse;
    font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
 margin                :20px auto 5px auto;
 border                :none;
 border                :1px solid #CCC;
 float: bottom;
}
thead th,
tbody th
{
 background            : #FFF url(imagenes/th_bck.gif) repeat-x;
 color                 : #666;  
 padding               : 5px 10px;
 border-left           : 1px solid #CCC;
}
tbody th
{
  background            : #fafafb;
  border            : 1px solid #CCC;
  text-align            : center;
  font-weight           : normal;
  vertical-align        : middle;
}
tbody tr td
{
padding               : 2px 10px;
color                 : #666;
vertical-align        : middle;
}
table .centrado
{
 text-align            : center;   
}

tbody tr:hover
{
  background            : #FFF url(imagenes/tr_bck.gif) repeat;
}

tbody tr td.moneda
{
font-size: 10px; 
padding-right: 3px; 
text-align:right; 
}


tbody tr:hover td
{
  color                 : #454545;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
  padding               : 4px;
  background            : #FFF url(imagenes/foot_bck.gif) repeat;
  color                 : #666;
}
caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}
table a:link
{
	color                 : #666;
}
table a:visited
{
	color                 : #666;
}
table a:hover
{
	color                 : #003366;
	text-decoration       : none;
}
table a:active
{
	color                 : #003366;
}

/***********Fin de Tablas**********/


/******DEMO*******/
/*h2{
  display:block;
  color:#646363;
  font:normal 26px Arial;
  text-align:center;
  padding:6px 0;
}*/

.wrapper{
	background:#000;
  width:960px;
  margin:0 auto;
  margin-bottom:10px;
}

.demo{
  overflow:hidden;
  height:auto;
  margin-bottom:15px;
}

.box{
  background:#88bf48;
  margin:0 15px 6px 0;
  width:100px;
  height:100px;
}
.box span{
    background:#FFF;
    display:block;
    margin:3px 10px;
    color:#333;
    text-align:center;
  }
.code{
  border-radius:8px;
  background:#fff;
  padding:10px;
  width:822px;
  border:1px solid #e2e2e2;
  overflow-y:hidden;
  overflow-x:auto;
}
.code pre{
   color:#454545;
   padding-top:6px;
}
.code strong{
  color:#51891a;
}
.box,.code{
  float:left;
}
/* CSS3 */
  /* Border Radius */  
  .radius{
    border-radius:8px;
    behavior: url(PIE.php);
  }
  /* Box-Shadow */    
  .shadow{
    box-shadow:0px 2px 2px rgba(62,115,0, 0.75);
    behavior:url(PIE.php);
  }
  /* Background Gradient */    
  .gradient{
	background: -webkit-linear-gradient(top, #c9ed8a,#72aa31);
    background: -moz-linear-gradient(top, #c9ed8a,#72aa31);
    background: -o-linear-gradient(top, #c9ed8a,#72aa31);
    background: -ms-linear-gradient(top, #c9ed8a,#72aa31);
    background:linear-gradient(top, #c9ed8a,#72aa31);

    -pie-background:linear-gradient(#c9ed8a,#72aa31);
    behavior:url(PIE.php);
  }
  /* Multiple Backgrounds */
  .multiple{
    background:url(pacman.png) no-repeat 20px center, url(twitter.png) no-repeat  60px center, -webkit-linear-gradient(#c9ed8a,#72aa31);
    -pie-background:url(pacman.png) no-repeat 20px center, url(twitter.png) no-repeat  60px center, linear-gradient(#c9ed8a,#72aa31);
    behavior:url(PIE.php);
  }
  /* Selector CSS3 */
  .box span:first-child{
    background:#333;
    color:#fff;
  }

  .box span:nth-child(2n) {
  background: #3de1ff;
  }

  .box span:last-child{
    background:#fff114;
    color:#333;
  }
/************FinDEMO****************/
